<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"
	      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<!--框架文件开始-->
	<!--    <script src="js/jquery.js"></script>-->
	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
	      integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css"
	      integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
	        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
	        crossorigin="anonymous"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
	<!--	初始化css-->
	<link rel="stylesheet" href="./css/rest.css">
	<!--框架文件结束-->
	<title>首页</title>
</head>
<style>
	/*头部开始*/
	#header {
	
	}
	
	/*头部结束*/
	/*中间开始*/
	#section {
	
	}
	
	#section .left {
		width: 24%;
		float: left;
	}
	
	#section .right {
		width: 74%;
		float: right;
		height: 100%;
	}
	
	/*中间结束*/
	/*脚部开始*/
	#footer {
	
	}
	
	/*脚部结束*/
</style>
<body>
<header>
</header>

<!--中间部分-->
<section id="section">
	<!--	中间->左边部分开始-->
	<section class="left">
		<div class="list-group">
			<a href="#dashboard-menu" class="list-group-item nav-header" data-toggle="collapse"
			   target="menuFrame">页面设置<span
					class="badge">2</span></a>
			<ul id="dashboard-menu" class="nav nav-list collapse in">
				<li><a href="./pages/banner/index.html">轮播图管理</a></li>
			</ul>
			
			<a href="#dashboard-menu1" class="list-group-item nav-header" data-toggle="collapse"
			   target="menuFrame">圈子管理<span class="badge">3</span></a>
			<ul id="dashboard-menu1" class="nav nav-list collapse in">
				<li><a href="./pages/bbs/index.html">圈子列表</a></li>
				<li><a href="./pages/bbs_content/index.html">帖子列表</a></li>
				<li><a href="./pages/bbs_content_comment/index.html">帖子评论列表</a></li>
			</ul>
			
			<a href="#dashboard-menu2" class="list-group-item nav-header" data-toggle="collapse"
			   target="menuFrame">资金管理<span class="badge">2</span></a>
			<ul id="dashboard-menu2" class="nav nav-list collapse in ">
				<li><a href="./pages/bbs_reward/index.html">赞赏列表</a></li>
				<!--				<li><a href="./pages/banner/index.html">资金流水</a></li>-->
			</ul>
			
			<a href="#dashboard-menu3" class="list-group-item nav-header" data-toggle="collapse"
			   target="menuFrame">站点设置<span class="badge">2</span></a>
			<ul id="dashboard-menu3" class="nav nav-list collapse in ">
				<li><a href="">菜单1</a></li>
				<li><a href="">菜单2</a></li>
			</ul>
		
		</div>
	</section>
	<!--	中间->左边部分结束-->
	<!--	中间->右边部分开始-->
	<section class="right">
		<iframe width="100%" src="./pages/user/index.html" frameborder="0"></iframe>
	</section>
	<!--	中间->右边边部分结束-->
</section>
<!--中间部分结束-->
<div id="footer">

</div>
</body>
<script>
	$('.list-group').click(function (e) {
		e.preventDefault();
		console.log(e.target.href);
		$('section.right iframe').attr('src', e.target.href);
	});

</script>
</html>